<div class="bs-example bs-example-tabs">
    <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab"><i class="fa fa-tags"></i> Category Lists</a></li>
        <li><a href="#tab2" data-toggle="tab"><i class="fa fa-plus-square"></i> Add Category</a></li>
        <li><a href="#tab3" data-toggle="tab"><i class="fa fa-list"></i> Font Awesome List</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="tab1">
            <table class="table table-bordered table-striped table-hover" style="text-transform: capitalize;">
                <tr>
                    <th width="5%">ID</th>
                    <th>Category Name</th>
                    <th>Made By</th>
                    <th>Date</th>
                    <th>Icon</th>
                    <th>Color</th>
                    <th>&nbsp;</th>
                </tr>
                <?php foreach($pager as $data): ?>
                <tr>
                    <td align="center"><?php  echo $data['id_category'] ?></td>
                    <td><?php  echo $data['category_name'] ?></td>
                    <td><?php  echo $data['username_admin'] ?></td>
                    <td><?php  echo $data['category_date'] ?></td>
                    <td align="center"><i class="fa fa-<?php  echo $data['category_icon'] ?> fa-fw"></i></td>
                    <td width="10%" style="color: <?php echo $data['category_color'] ?>"><i class="fa fa-stop fa-fw"></i> <?php echo $data['category_color'] ?></td>
                    <td width="10%" align="center">
                        <a href="<?php echo site_url("Admin/edit_category/$data[id_category]") ?>" class="btn btn-xs btn-warning"><i class="fa fa-eraser"></i></a>
                        <a href="<?php echo site_url("Admin/delete_category/$data[id_category]") ?>" class="btn btn-xs btn-danger"><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                <?php endforeach; ?>
            </table>
            
            <div style="width:100%">
                <?php echo $halaman; ?>
            </div>
            
        </div>
        <div class="tab-pane fade" id="tab2">
            <?php $this->load->view('admin/includes/sub/cat_add') ?>
        </div>
        <div class="tab-pane fade" id="tab3">
          <?php $this->load->view('admin/includes/sub/fontawesome_list') ?>
      </div>
  </div>
</div>
